﻿
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<body>
    <div id="main">
        <div id="big-banner">
            <!-- 这是商品分类旁边的顶部链接 -->
            <div id="main-nav">
                <div>
                    <span class="glyphicon glyphicon-th-list">&nbsp;商品分类</span>
                    <ul>
                        <li><a href="#">天毛超市</a></li>
                        <li><a href="#">天毛国际</a></li>
                        <li><a href="#">天毛会员</a></li>
                        <li><a href="#">品牌街</a></li>
                        <li><a href="#">电器城</a></li>
                        <li><a href="#">坑爹城</a></li>
                        <li><a href="#">废品站</a></li>
                        <li><a href="#">回收部</a></li>
                        <li><a href="#">胖胖旅行</a></li>
                        <li><a href="#">耕地</a></li>
                    </ul>
                </div>
            </div>
            <!-- 切换轮播图按钮 -->
            <div id="switch">
                <ul>
                    <li data='1'></li>
                    <li data='2'></li>
                    <li data='3'></li>
                </ul>
            </div>
            <!---->
            <!-- 商品分类列表 -->
            <div id="nav-list">
                <ul>
                    <li>
                        <a href="#">女装 /内衣</a>
                        <div>
                            <div>
                                <div style="float:left; width:20%;text-indent:5%; height:62px;">当季流行 ></div>

                                <div style="float:right;width:80%;word-wrap:break-word;border-bottom:1px dotted #aaa;">
                                    <a href="#" style="margin-right:5px;">商场同款</a>
                                    <a href="#" style="margin-right:5px;">情侣家居服</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">情侣家居服</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                </div>
                            </div>

                            <div>
                                <div style="float:left; width:20%;text-indent:5%; height:62px;">当季流行 ></div>

                                <div style="float:right;width:80%;word-wrap:break-word;border-bottom:1px dotted #aaa;">
                                    <a href="#" style="margin-right:5px;">商场同款</a>
                                    <a href="#" style="margin-right:5px;">情侣家居服</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">情侣家居服</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                    <a href="#" style="margin-right:5px;">春季焕新</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">男装 /运动户外</a>
                        <div>1</div>
                    </li>
                    <li>
                        <a href="#">女鞋 /男鞋 /箱包</a>
                        <div>2</div>
                    </li>
                    <li>
                        <a href="#">化妆品 /个人护理</a>
                        <div>2</div>
                    </li>
                    <li>
                        <a href="#">腕表 /珠宝饰品 /眼镜</a>
                        <div>4</div>
                    </li>
                    <li>
                        <a href="#">手机 /数码 /电脑办公</a>
                        <div>5</div>
                    </li>
                    <li>
                        <a href="#">母婴玩具</a>
                        <div>6</div>
                    </li>
                    <li>
                        <a href="#">零食 /进口食品 /茶酒</a>
                        <div>7</div>
                    </li>
                    <li>
                        <a href="#">生鲜水果</a>
                        <div>8</div>
                    </li>
                    <li>
                        <a href="#">大家电 /生活电器</a>
                        <div>9</div>
                    </li>
                    <li>
                        <a href="#">家具建材</a>
                        <div>10</div>
                    </li>
                    <li>
                        <a href="#">汽车 /配件 /用品</a>
                        <div>11</div>
                    </li>
                    <li>
                        <a href="#">家纺 /家饰 /鲜花</a>
                        <div>12</div>
                    </li>
                    <li>
                        <a href="#">医药保健</a>
                        <div>13</div>
                    </li>
                    <li>
                        <a href="#">厨具 /收纳 /宠物</a>
                        <div>14</div>
                    </li>
                    <li>
                        <a href="#">图书音像</a>
                        <div>15</div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 以上是轮播图 -->
        <div id="brands">
            <div class="brand">
                <!-- 直播 -->
                <div id="brand-live">
                    <h3>2016峰会</h3>
                </div>
                <!-- 24个折扣区 -->
                <div id="coupons">
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon" style="background-image: url('./1.jpg');">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>
                    <div class="coupon">
                        <!-- 文字描述 -->
                        <div>文字描述</div>
                    </div>

                </div>

            </div>
            <!-- 5个展示区 -->
            <div class="brand">
                <div class="exposure">
                    <span class="glyphicon glyphicon-thumbs-up">个性推荐</span>
                    <!-- 上面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 下面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="exposure" style="margin-left:1.25%">
                    <span class="glyphicon glyphicon-thumbs-up">品质生活</span>
                    <!-- 上面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 下面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="exposure" style="margin-left:1.25%">
                    <span class="glyphicon glyphicon-thumbs-up">国际海购</span>
                    <!-- 上面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 下面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="exposure" style="margin-left:1.25%">
                    <span class="glyphicon glyphicon-thumbs-up">潮流前沿</span>
                    <!-- 上面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 下面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="exposure" style="margin-left:1.25%">
                    <span class="glyphicon glyphicon-thumbs-up">手机酷玩</span>
                    <!-- 上面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 下面的展示 -->
                    <div>
                        <!-- 展示商品的链接 -->
                        <a href="#">
                            <h3>全球时尚</h3>
                        </a>
                        <p>大牌精致时尚</p>
                        <div class="exposure-img">
                            <img src="1.jpg" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr />
    <!-- 底部 -->
    <div id="footer">
        <div>
            关于天毛 帮助中心 开放平台 诚聘英才 联系我们 网站合作 法律声明 知识产权 廉正举报 规则意见征集
        </div>
        <div>
            天毛集团| 淘宝网 | 天毛 | 聚划算 | 全球速卖通 | 胖胖国际交易市场| 1688 | 阿里妈妈 | 飞大猪
        </div>
        <div>
            © 2016-2016 TMALL.COM 版权所有
        </div>
    </div>
</body>
<script type="text/javascript" src="../../Scripts/index.js"></script>
</html>

